<template>
  <el-table :data="data" :border="isBorder" size="small" stripe >
    <el-table-column type="expand">
      <template #default="props">
        <div m="4">
          <el-table :data="props.row.personnelNature" :border="isBorder" size="small">
            <el-table-column label="人员性质" prop="nature" width="200" />
            <el-table-column label="说明" prop="explain" />
          </el-table>
        </div>
      </template>
    </el-table-column>
    <el-table-column label="姓名" prop="name" />
    <el-table-column label="性别" prop="gender" />
    <el-table-column label="编号" prop="number" />
    <el-table-column label="国家医保医生护士代码" prop="code" />
    <el-table-column label="管理职务" prop="managementPosition" sortable />
    <el-table-column label="专业技术职务" prop="technicalService" />
    <el-table-column label="抗菌药物权限" prop="antibacterialPermissions" />
    <el-table-column label="聘任药物权限" prop="appointmentAuthority" />
    <el-table-column label="聘任技术职务" prop="appointment" />
    <el-table-column label="出生日期" prop="birthDate" />
    <el-table-column label="身份证号" prop="card" />
    <el-table-column label="民族" prop="nation" />
    <el-table-column label="学历" prop="educationalBackground" />
    <el-table-column label="所属部门" prop="belonging" />
    <el-table-column label="建档时间" prop="putDate" />
    <el-table-column label="办公室电话" prop="tel" />
    <slot name="operation"></slot>
    
  </el-table>
  <div class="table-footer">
	<div></div>
	<el-pagination style="--el-color-primary: #20B1EB;" small background layout="prev, pager, next" :total="50" />
  </div>
 
</template>

<script lang="ts" setup>
import { TableData } from '../interface/index.ts'
export interface Props {
  data?: TableData[]; // 树数据
}
const props = withDefaults(defineProps<Props>(), {
  data: [],
});
const isBorder = ref(true)
</script>
<style lang='scss' scoped>
.table-footer{
	padding: 10px 0;
	text-align: right;
	display: flex;
	justify-content: space-between;
}
</style>
